* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, #app {
  height: 100%;
  width: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.n-layout {
  display: flex;
  flex-direction: column;
}

.n-layout-header {
  flex-shrink: 0;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

.n-layout-sider {
  flex-shrink: 0;
  background: #001529 !important;
  width: 200px !important;
}

.n-layout-sider.n-layout-sider--collapsed {
  width: 64px !important;
}

.n-layout-content {
  flex: 1;
  overflow: auto;
  background: #f5f5f5;
  padding: 24px;
}

/* 菜单样式 */
.n-menu {
  background: transparent !important;
  color: #fff !important;
}

.n-menu-item,
.n-menu-submenu__expand-icon {
  color: #fff !important;
}

.n-menu-item--active {
  background-color: #1890ff !important;
  color: #fff !important;
}

/* 侧边栏菜单 */
.sidebar-menu {
  height: calc(100vh - 64px);
  padding-top: 0 !important;
}